<!--
 * @FileDescription: 网页跳转组件
 * @Author: 小威吃饱了
 * @Date: 2022/6/5
 * @LastEditors: 小威吃饱了
 * @LastEditTime: 2022/6/5
 -->
<template>
  <div class="nest-component">
    <iframe
      :src="this.txtUrl"
      frameborder="0"
      width="100%"
      :style="{ height: calHeight }"
      scrolling="auto"
    ></iframe>
  </div>
</template>

<script>
export default {
  name: 'Nest',
  data() {
    return {
      txtUrl: 'https://www.zfrontier.com/app/#info'
    }
  },
  computed: {
    //计算属性 , 设置iframe高度为窗口高度少100px
    calHeight() {
      return (window.innerHeight) + 'px'
    }
  }
}
</script>

<style>
iframe {
  width: 102%;
  overflow-x: hidden;
}
</style>
